layui.use('table', function () {
    var table = layui.table;
    var layer = layui.layer;
    //展示已知数据
    table.render({
        elem: '#tableData' //指定table容器
        , id: 'TableData'
        , url: 'http://localhost:8081/society/findAll' //数据接口
        , method: 'GET'
        , even: true //开启隔行背景
        , cols: [[ //表头
            {type: 'checkbox', align: 'center', value: 'societyId',width: "10%"},
            {type: 'numbers', title: '序号', align: 'center',width: "10%"}, // 自增序号
            {field: 'societyName', title: '社团名称',width: "25%", edit: 'text'},
			{field: 'societySchool', title: '所属学校',width: "25%", edit: 'text'},
            {title: '操作',toolbar: '#tools', event: 'tool',width: "30%", fixed: 'right'}
        ]],
		page: {//分页
		  layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
		  , groups: 5 //只显示 1 个连续页码
		},
		toolbar: true,//开启自定义工具行
		defaultToolbar: ['filter', 'print', 'exports']
    });
	$("#addSociety").click(function(){
		layer.open({
		  type: 2,
		  maxmin:true,
		  area:['600px', '550px'],
		  title:"添加人员信息",
		  content: '/AMS/index/personnel/addSociety.html' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
		}); 
	})
    //监听行工具事件
    table.on('tool(test)', function (obj, index) {
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if (layEvent === 'del') {
            layer.confirm(' 确定删除吗？', function (index) {
                obj.del();
                layer.close(index);
                $.ajax({
                    url: 'http://localhost:8081/society/deleteSociety',//接口
                    type: "post",
                    data: {societyId: obj.data.societyId},
                    success: function (data) {
                        if (data.code == 200) {
                            layer.msg('删除成功', {icon: 6, time: 1000});
                        } else {
							layer.msg(""+data.message+"", {icon: 5, time: 1000});
                        }
                    }, error: function (data) {
						 layer.msg('删除失败', {icon: 5, time: 1000});
                    }
                })
            });
        }
    })
	
	//监听行单击事件 单元格编辑修改数据
	table.on('edit(test)', function(obj){
			var data = obj.data;
			//获取权限id
			$.ajax({
				  url: "http://localhost:8081/society/updateSociety",//请求地址
				  type: "POST",//可以用post或者get
				  contentType:"application/json",
				  accept:"application/json",
				  dataType:"json",
				  data: JSON.stringify(data),//请求数据
				  success:function(data){
					  if(data.code==200){
						  location.reload()
						  layer.msg("修改成功", {icon: 6, time: 1000});
					  }else{
						  location.reload()
						  layer.msg(""+data.message+"", {icon: 5, time: 1000});
					  }
				  },
				  error:function(data){
					  layer.msg("请求失败", {icon: 5, time: 1000});
				  }
				});
			});
});

$("#findSociety").click(function(){
	reload();
})
function reload() {
    var table = layui.table;
	var societyName = $("#societyName").val()//部门名称
	var socialSchool = $("#socialSchool").val()//部门名称
    //执行重载
    table.reload('TableData', {
        url: 'http://localhost:8081/society/findBySocial',//数据接口
        method: "post",
        where: { //设定异步数据接口的额外参数，任意设
            socialSchool: socialSchool,
			societyName:societyName
        }
    });
}

//刷新
$("#reload").click(function(){
	location.reload()
})